<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>机械师MACHENIKE官网-正品商城</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/swiper.css">
	<link rel="stylesheet" href="css/currency.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/jje.css">
</head>
<body>
	<div id="wrap">
		<header>
			<div class="head-top-phone">
				<div class="left">
					<img src="images/phone/nav-btn.png" alt="">
				</div>
				<div class="center">
					<img src="images/phone/logo.png" alt="">
				</div>
				<div class="right">
					<img src="images/phone/serach.png" class="sousuo" alt="">
					<img src="images/phone/me.png" class="me" alt="">
				</div>
			</div>
			<div class="head-top">
				<div class="container">
					<ul class="topbar-nav">
						<li class="act-xxk"><a href="#">商城移动版</a>
							<img src="images/yidong.jpg" alt=""></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">官网首页</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">官方平台</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">免费试用</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">留言板</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">以旧换新</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">免息分期</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">QQ交流群</a></li>
						<li class="sep">|</li>
						<li class="link-l act-xxk"><a href="#">租赁新机</a>
							<img src="images/zulin.jpg" alt="" class="on-none">
						</li>
						<li class="link-l on-block"><a href="LabourUnion.html">机械师工会</a></li>
					</ul>
					<ul class="topbar-nav right">
						<li class="link-l"><a href="sign-in.html" target="y">登录</a></li>
						<li class="sep">|</li>
						<li class="link-l"><a href="#">注册</a></li>
						<li class="topbar-cart link-l">
							<span><i class="icon iconfont">&#xe600;</i>购物车 (0)</span>
							<div class="no-box on-none">购物车中还没有商品，赶紧选购吧！</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="site-header">
				<div class="container">
					<div class="logo">
						<a href="#">
							<img src="images/logo.png" alt="">
						</a>
					</div>
					<nav>
						<ul class="nav-list">
							<li class="nav-item">
								<a href="#" class="link">F117系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">T90系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">T58系列</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">台式电脑</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">潮流数码</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">机友宝典</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">线下店</a>
							</li>
							<li class="nav-item">
								<a href="#" class="link">机友会</a>
							</li>
						</ul>
					</nav>
					<div class="search">
						<form action="">
							<input type="text" class="search-text">
							<button class="search-btn icon iconfont">&#xe613;</button>
							<div class="hot-words">
								<a href="#">F117-B</a>
								<a href="#">T90</a>
								<a href="#">空间站</a>
							</div>
						</form>
					</div>
				</div>
				<!-- li-box下拉菜单 -->
				<div class="li-box-wrap">
					<div class="container">
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-V 标准版">
											<img src="images/i1.jpg" alt="机械师F117-V 标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-V 标准版">机械师F117-V 标准版</a>
									</div>
									<div class="price">7499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-V 旗舰版">
											<img src="images/i2.jpg" alt="机械师F117-V 旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-V 旗舰版">机械师F117-V 旗舰版</a>
									</div>
									<div class="price">9699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师F117-FP 17.3"游戏本'>
											<img src="images/i3.jpg" alt='机械师F117-FP 17.3"游戏本'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师F117-FP 17.3"游戏本'>机械师F117-FP 17.3"游戏本</a>
									</div>
									<div class="price">12499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T标准版">
											<img src="images/i4.jpg" alt="机械师T90-T标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T标准版">机械师T90-T标准版</a>
									</div>
									<div class="price">5499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T旗舰版">
											<img src="images/i5.jpg" alt="机械师T90-T旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T旗舰版">机械师T90-T旗舰版</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T豪华版">
											<img src="images/i6.jpg" alt="机械师T90-T豪华版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T豪华版">机械师T90-T豪华版</a>
									</div>
									<div class="price">6899</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90 Plus 游戏笔记本">
											<img src="images/t1.jpg" alt="机械师T90 Plus 游戏笔记本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90 Plus 游戏笔记本">机械师T90 Plus 游戏笔记本</a>
									</div>
									<div class="price">7899</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T标准版">
											<img src="images/t2.jpg" alt="机械师T90-T标准版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T标准版">机械师T90-T标准版</a>
									</div>
									<div class="price">5499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T90 PLUS电竞版'>
											<img src="images/t3.jpg" alt='机械师T90 PLUS电竞版'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T90 PLUS电竞版'>机械师T90 PLUS电竞版</a>
									</div>
									<div class="price">8999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T旗舰版">
											<img src="images/t4.jpg" alt="机械师T90-T旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T旗舰版">机械师T90-T旗舰版</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T1C 悍狼游戏笔记本">
											<img src="images/t5.jpg" alt="机械师T90-T1C 悍狼游戏笔记本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T1C 悍狼游戏笔记本">机械师T90-T1C 悍狼游戏笔记本</a>
									</div>
									<div class="price">6499</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T90-T豪华版">
											<img src="images/t6.jpg" alt="机械师T90-T豪华版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T90-T豪华版">机械师T90-T豪华版</a>
									</div>
									<div class="price">6899</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-V 游戏本">
											<img src="images/t7.jpg" alt="机械师T58-V 游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-V 游戏本">机械师T58-V 游戏本</a>
									</div>
									<div class="price">6999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-V 旗舰版">
											<img src="images/t8.jpg" alt="机械师T58-V 旗舰版">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-V 旗舰版">机械师T58-V 旗舰版</a>
									</div>
									<div class="price">6799</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T58-Ti1C 笔记本电脑'>
											<img src="images/t9.jpg" alt='机械师T58-Ti1C 笔记本电脑'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T58-Ti1C 笔记本电脑'>机械师T58-Ti1C 笔记本电脑</a>
									</div>
									<div class="price">6699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T1CD 轻薄游戏本">
											<img src="images/t10.jpg" alt="机械师T58-T1CD 轻薄游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T1CD 轻薄游戏本">机械师T58-T1CD 轻薄游戏本</a>
									</div>
									<div class="price">6099</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T5C 轻薄游戏本">
											<img src="images/t11.jpg" alt="机械师T58-T5C 轻薄游戏本">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T5C 轻薄游戏本">机械师T58-T5C 轻薄游戏本</a>
									</div>
									<div class="price">5699</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师T58-T2S">
											<img src="images/t12.jpg" alt="机械师T58-T2S">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师T58-T2S">机械师T58-T2S</a>
									</div>
									<div class="price">6099</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-D7 台式机电脑">
											<img src="images/i1.jpg" alt="机械师F117-D7 台式机电脑">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-D7 台式机电脑">机械师F117-D7 台式机电脑</a>
									</div>
									<div class="price">9999</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师F117-D台式机电脑">
											<img src="images/i2.jpg" alt="机械师F117-D台式机电脑">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师F117-D台式机电脑">机械师F117-D台式机电脑</a>
									</div>
									<div class="price">5299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师T90 台式机电脑'>
											<img src="images/i3.jpg" alt='机械师T90 台式机电脑'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师T90 台式机电脑'>机械师T90 台式机电脑</a>
									</div>
									<div class="price">5299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师144Hz电竞曲面屏显示器">
											<img src="images/i4.jpg" alt="机械师144Hz电竞曲面屏显示器">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师144Hz电竞曲面屏显示器">机械师144Hz电竞曲面屏显示器</a>
									</div>
									<div class="price">2299</div>
								</li>
							</ul>
						</div>
						<div class="li-box">
							<ul class="children-list">
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师K7机械键盘">
											<img src="images/h1.jpg" alt="机械师K7机械键盘">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师K7机械键盘">机械师K7机械键盘</a>
									</div>
									<div class="price">399</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师电竞耳机【听风者】">
											<img src="images/h2.jpg" alt="机械师电竞耳机【听风者】">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师电竞耳机【听风者】">机械师电竞耳机【听风者】</a>
									</div>
									<div class="price">399</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title='机械师空间站 双肩电脑包 太空银'>
											<img src="images/h3.jpg" alt='机械师空间站 双肩电脑包 太空银'>
										</a>
									</div>
									<div class="title">
										<a href="#" title='机械师空间站 双肩电脑包 太空银'>机械师空间站 双肩电脑包 太空银</a>
									</div>
									<div class="price">369</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师宇航员 双肩背包">
											<img src="images/h4.jpg" alt="机械师宇航员 双肩背包">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师宇航员 双肩背包">机械师宇航员 双肩背包</a>
									</div>
									<div class="price">249</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师K1-B3H 电竞机械键盘">
											<img src="images/h5.jpg" alt="机械师K1-B3H 电竞机械键盘">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师K1-B3H 电竞机械键盘">机械师K1-B3H 电竞机械键盘</a>
									</div>
									<div class="price">299</div>
								</li>
								<li class="first">
									<div class="figure">
										<a href="#" title="机械师M5 电竞游戏鼠标">
											<img src="images/h6.jpg" alt="机械师M5 电竞游戏鼠标">
										</a>
									</div>
									<div class="title">
										<a href="#" title="机械师M5 电竞游戏鼠标">机械师M5 电竞游戏鼠标</a>
									</div>
									<div class="price">199</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- li-box下拉菜单结束 -->
			</div>
		</header>
		<main>
			<div class="banner">
				<div class="container">
					<div class="sidebar">
						<ul class="sidebar-menu">
							<li class="submenu">
								<a href="#">游戏笔记本<i class="icon iconfont">&#xe601;</i></a>
								<div class="content-box">
									<div class="box-inner">
										<h3 class="title">
											<a href="#">新品爆款<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg1.jpg" alt="" class="thumb">
													<span>机械师F117-V 标准版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg2.jpg" alt="" class="thumb">
													<span>机械师F117-V 旗舰版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg3.jpg" alt="" class="thumb">
													<span>机械师T90-T标准版</span>
												</a>
											</li>
										</ul>
									</div>

									<div class="box-inner">
										<h3 class="title">
											<a href="#">144Hz<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg4.jpg" alt="" class="thumb">
													<span>机械师F117-V 标准版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg5.jpg" alt="" class="thumb">
													<span>机械师F117-V 旗舰版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg6.jpg" alt="" class="thumb">
													<span>机械师F117-FP 17.3"游戏本</span>
												</a>
											</li>
										</ul>
									</div>

									<div class="box-inner">
										<h3 class="title">
											<a href="#">RTX™ 2060<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg7.jpg" alt="" class="thumb">
													<span>机械师F117-V 旗舰版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg8.jpg" alt="" class="thumb">
													<span>机械师F117-FP 17.3"游戏本</span>
												</a>
											</li>
										</ul>
									</div>

									<div class="box-inner">
										<h3 class="title">
											<a href="#">GTX 1660Ti<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg9.jpg" alt="" class="thumb">
													<span>机械师T90 Plus 游戏笔记本</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg10.jpg" alt="" class="thumb">
													<span>机械师T90 PLUS电竞版</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg11.jpg" alt="" class="thumb">
													<span>机械师F117-FPro B8p</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li class="submenu">
								<a href="#">键盘鼠标<i class="icon iconfont">&#xe601;</i></a>
								<div class="content-box">
									<div class="box-inner">
										<h3 class="title">
											<a href="#">机械键盘<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg12.jpg" alt="" class="thumb">
													<span>机械师K7机械键盘</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg13.jpg" alt="" class="thumb">
													<span>机械师K1-B3H 电竞机械键盘</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg14.jpg" alt="" class="thumb">
													<span>机械师移动硬盘盒子</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li class="submenu">
								<a href="#">电脑背包<i class="icon iconfont">&#xe601;</i></a>
								<div class="content-box">
									<div class="box-inner">
										<h3 class="title">
											<a href="#">银翼杀手极客版<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
									<div class="box-inner">
										<h3 class="title">
											<a href="#">银翼杀手便携版<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
									<div class="box-inner">
										<h3 class="title">
											<a href="#">银翼杀手战士版<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
									<div class="box-inner">
										<h3 class="title">
											<a href="#">战斗背包<i class="icon iconfont">&#xe601;</i></a>
										</h3>
										<ul>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg15.jpg" alt="" class="thumb">
													<span>机械师空间站 双肩电脑包 太空银</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg16.jpg" alt="" class="thumb">
													<span>机械师宇航员 双肩背包</span>
												</a>
											</li>
											<li>
												<a href="#" class="link">
													<img src="images/submenuBg17.jpg" alt="" class="thumb">
													<span>机械师新型 数码登机箱 旅行箱 行李箱</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li class="submenu">
								<a href="#">文化周边<i class="icon iconfont">&#xe601;</i></a>
								<div class="content-box">
									<div class="box-inner">
										<h3 class="title">
											<a href="#">电竞游戏鼠标垫<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
									<div class="box-inner">
										<h3 class="title">
											<a href="#">星空鼠标垫<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
									<div class="box-inner">
										<h3 class="title">
											<a href="#">机械师键盘膜<i class="icon iconfont">&#xe601;</i></a>
										</h3>
									</div>
								</div>
							</li>
							<li class="submenu"><a href="LabourUnion.html" target="y">机械师公会</a></li>
							<li class="submenu"><a href="#">揭秘机械师</a></li>
							<li class="submenu"><a href="#">驱动下载</a></li>
							<li class="submenu"><a href="#">保修政策</a></li>
							<li class="submenu"><a href="#">联系我们</a></li>
						</ul>
					</div>
				</div>
				<div class="slider-content">
					<div class="swiper-container">
					    <div class="swiper-wrapper">
					      <a href="#" class="swiper-slide" style="background-image:url(images/ba1.jpg)"></a>
					      <a href="#" class="swiper-slide" style="background-image:url(images/ba2.jpg)"></a>
					      <a href="#" class="swiper-slide" style="background-image:url(images/ba3.jpg)"></a>
					      <a href="#" class="swiper-slide" style="background-image:url(images/ba4.jpg)"></a>
					      <a href="#" class="swiper-slide" style="background-image:url(images/ba5.jpg)"></a>
					    </div>
					    <div class="swiper-pagination"></div>
					    <!-- Add Arrows -->
					    <div class="swiper-button-next swiper-button-white right"></div>
					    <div class="swiper-button-prev swiper-button-white left"></div>
					</div>
				</div>
			</div>
			<div class="main-inner">
				<div class="container">
					<div class="home-hero">
						<div class="left">
							<ul class="home-channel-list">
								<li>
									<a href="#">
										<i class="icon-img">
											<img src="images/liwu1.png" alt="">
										</i>
										签到有礼
									</a>
									<div class="sign_index">
										<div class="sign_index_main">
											<img src="images/qiaodao.png" alt="">
										</div>
										<div class="sign_day">
											<p>连续签到
												<span class="day" id="sign_day">0</span>天
											</p>
										</div>
										<a href="#" class="jiyouhui">
											<img src="images/jiyouhui.png" alt="">
										</a>
										<p>签到得机分 换好礼</p>
									</div>
								</li>
								<li>
									<a href="#">
										<i class="icon-img">
											<img src="images/sctb2.png" alt="">
										</i>
										驱动下载
									</a>
								</li>
								<li>
									<a href="#">
										<i class="icon-img">
											<img src="images/tiyandian.png" alt="">
										</i>
										线下店
									</a>
								</li>
								<li>
									<a href="#">
										<i class="icon-img">
											<img src="images/sctb4.png" alt="">
										</i>
										售后网点
									</a>
								</li>
							</ul>
						</div>
						<div class="right">
							<div class="small-banner box">
								<a href="#">
									<img src="images/d1.gif" alt="">
								</a>
							</div>
							<div class="small-banner box">
								<a href="#">
									<img src="images/d2.gif" alt="">
								</a>
							</div>
							<div class="news_content box">
								<h3 class="news_title">
									<span>机械师快报</span>
									<a href="#">更多</a>
								</h3>
								<ul class="news">
									<li><a href="#">春节发货通知【重要！！！】</a></li>
									<li><a href="#">游戏顺手赢，机械师金属鼠标垫了解一下</a></li>
									<li><a href="#">笔记本性能提升，升级硬盘、内存图文操作</a></li>
									<li><a href="#">新年不将旧，机械师笔记本年货节福利开场</a></li>
									<li><a href="#">机械师笔记本超级品牌日，玩转超值福利</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="home-top">
						<ul>
							<li v-for="list in lists">
								<a href="#">
									<img :src="list.img" alt="">
								</a>
								<a href="#" class="menu-text">{{list.txt}}</a>
							</li>
						</ul>
					</div>


					<div class="star-box">
						<div class="star-hd box-hd on-flex">
							<h2 class="title">爆款战机</h2>
						</div>
						<a href="#" class="on-block"><img src="images/phone/F117-B99.gif" alt=""></a>
						<div class="star-hd box-hd">
							<h2 class="title">明星单品</h2>
							<div class="more on-none">
								<a href="javascript:void(0)" class="swiper-button-prev left icon iconfont">&#xe601;</a>
								<a href="javascript:void(0)" class="swiper-button-next right icon iconfont">&#xe601;</a>
							</div>
						</div>
						<div class="swiper-container">
						    <div class="swiper-wrapper">
								<div class="swiper-slide on-none">
									<ul class="goods-list">
										<li :class="good.className" v-for="good in goods" :title="good.title">
											<span class="text_center_red">{{good.redTxr}}</span>
											<a href="#">
												<img :src="good.img" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													{{good.title}}
												</a>
											</h3>
											<p class="desc">
												<a href="#" :title='good.desc'>
													 <span>{{good.desc}}</span>{{good.txt}}
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-none">
									<ul class="goods-list">
										<li :class="good1.className" v-for="good1 in goods1" :title="good1.title">
											<span class="text_center_red">{{good1.redTxr}}</span>
											<a href="#">
												<img :src="good1.img" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													{{good1.title}}
												</a>
											</h3>
											<p class="desc">
												<a href="#" :title='good1.desc'>
													 <span>{{good1.desc}}</span>{{good1.txt}}
												</a>
											</p>
										</li>
									</ul>
								</div>



								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods1.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods2.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods3.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods4.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods5.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>
								<div class="swiper-slide on-block">
									<ul class="goods-list">
										<li class="item1" title="机械师T90 Plus 游戏笔记本">
											<a href="#">
												<img src="images/goods6.jpg" alt="">
											</a>
											<h3 class="title">
												<a href="#">
													机械师T90 Plus 游戏笔记本
												</a>
											</h3>
											<p class="desc">
												<a href="#" title='good.desc'>
													 <span>618立省700 17.3\"巨幕窄边框</span>i7-9750H处理器，GTX1650显卡（可升级GTX1660Ti），256GB PCIe固态+1TB，8G内存，17.3英寸窄边框屏，双风扇4出风口串联散热，RGB炫彩背光，游戏本【好评赠：129元笔记本金属支架】
												</a>
											</p>
										</li>
									</ul>
								</div>




						    </div>
						</div>

					</div>
				</div>
			</div>
			
			<!-- 主题内容 -->
			<div class="page-main">
				<div class="container">
					<div class="box-hd on-none">
						<h2 class="title">游戏笔记本</h2>
						<div class="page-right">
							<ul class="tab-list tab-list1">
								<li class="tab-active"><span>热门</span></li>
								<li><span>新品爆款</span></li>
								<li><span>144Hz</span></li>
								<li><span>RTX™ 2060</span></li>
								<li><span>GTX 1660Ti</span></li>
								<li><span>GTX 1650</span></li>
							</ul>
							<a href="#" class="more-link">查看全部
								<i class="icon iconfont">&#xe601;</i>
							</a>
						</div>
					</div>

					<div class="box-bd on-none">
						<div class="bd-img">
							<ul class="list-img list-box">
								<li class="">
									<a href="#">
										<img src="images/F117-fp6.gif" alt="">
									</a>
								</li>
							</ul>
						</div>
						<div class="bd-list list-1">
							<ul class="list-content list-box goods-list list-active">
								<li v-for="list1 in listContent1" :title="list1.title">
									<a href="#" class="figure">
										<img :src="list1.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list1.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list1.text">
											<span>{{list1.spanTxt}}</span>{{list1.text}}
										</a>
									</p>
									<p class="price">{{list1.priceTxt}}</p>
									<p class="rank">{{list1.rankTxt}}</p>
									<div :class="list1.reviewarClass">
										<a href="javascript:void(0)">
							               	<span class="review">{{list1.reviewSpan}}</span>
							                <span class="author">{{list1.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list1.redTxr}}</span>
								</li>
							</ul>
					
							<ul class="list-content list-box goods-list">
								<li v-for="list2 in listContent2" :title="list2.title">
									<a href="#" class="figure">
										<img :src="list2.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list2.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list2.text"><span>{{list2.spanTxt}}</span>{{list2.text}}
										</a>
									</p>
									<p class="price">{{list2.priceTxt}}</p>
									<p class="rank">{{list2.rankTxt}}</p>
									<div :class="list2.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list2.reviewSpan}}</span>
							                <span class="author">{{list2.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list2.redTxr}}</span>
								</li>
							</ul>
											
							<ul class="list-content list-box goods-list">
								<li v-for="list3 in listContent3" :title="list3.title">
									<a href="#" class="figure">
										<img :src="list3.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list3.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list3.text"><span>{{list3.spanTxt}}</span>{{list3.text}}
										</a>
									</p>
									<p class="price">{{list3.priceTxt}}</p>
									<p class="rank">{{list3.rankTxt}}</p>
									<div :class="list3.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list3.reviewSpan}}</span>
							                <span class="author">{{list3.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list3.redTxr}}</span>
								</li>
							</ul>
											
							<ul class="list-content list-box goods-list">
								<li v-for="list4 in listContent4" :title="list4.title">
									<a href="#" class="figure">
										<img :src="list4.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list4.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list4.text"><span>{{list4.spanTxt}}</span>{{list4.text}}
										</a>
									</p>
									<p class="price">{{list4.priceTxt}}</p>
									<p class="rank">{{list4.rankTxt}}</p>
									<div :class="list4.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list4.reviewSpan}}</span>
							                <span class="author">{{list4.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list4.redTxr}}</span>
								</li>
							</ul>
											
							<ul class="list-content list-box goods-list">
								<li v-for="list5 in listContent5" :title="list5.title">
									<a href="#" class="figure">
										<img :src="list5.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list5.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list5.text"><span>{{list5.spanTxt}}</span>{{list5.text}}
										</a>
									</p>
									<p class="price">{{list5.priceTxt}}</p>
									<p class="rank">{{list5.rankTxt}}</p>
									<div :class="list5.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list5.reviewSpan}}</span>
							                <span class="author">{{list5.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list5.redTxr}}</span>
								</li>
							</ul>
											
							<ul class="list-content list-box goods-list">
								<li v-for="list6 in listContent6" :title="list6.title">
									<a href="#" class="figure">
										<img :src="list6.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list6.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list6.text"><span>{{list6.spanTxt}}</span>{{list6.text}}
										</a>
									</p>
									<p class="price">{{list6.priceTxt}}</p>
									<p class="rank">{{list6.rankTxt}}</p>
									<div :class="list6.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list6.reviewSpan}}</span>
							                <span class="author">{{list6.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list6.redTxr}}</span>
								</li>
							</ul>
						</div>
					</div>


					<div class="box-hd on-none">
						<h2 class="title">战斗装备</h2>
						<div class="page-right">
							<ul class="tab-list tab-list2">
								<li class="tab-active"><span>热门</span></li>
								<li><span>潮流数码</span></li>
								<li><span>电竞鼠键</span></li>
								<li><span>电脑背包</span></li>
								<li><span>文化周边</span></li>
							</ul>
							<a href="#" class="more-link">查看全部
								<i class="icon iconfont">&#xe601;</i>
							</a>
						</div>
					</div>

					<div class="box-bd on-none">
						<div class="bd-img">
							<ul class="list-img list-box">
								<li class="img-2">
									<a href="#">
										<img src="images/F117.jpg" alt="">
									</a>
								</li>
								<li class="img-2">
									<a href="#">
										<img src="images/F1171.gif" alt="">
									</a>
								</li>
							</ul>
						</div>
						<div class="bd-list list-2">
							<ul class="list-content list-box goods-list list-active">
								<li v-for="list7 in listContent7" :title="list7.title">
									<a href="#" class="figure">
										<img :src="list7.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list7.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list7.text"><span>{{list7.spanTxt}}</span>{{list7.text}}
										</a>
									</p>
									<p class="price">{{list7.priceTxt}}</p>
									<p class="rank">{{list7.rankTxt}}</p>
									<div :class="list7.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list7.reviewSpan}}</span>
							                <span class="author">{{list7.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list7.redTxr}}</span>
								</li>
							</ul>
							


							<ul class="list-content list-box goods-list">
								<li v-for="list8 in listContent8" :title="list8.title">
									<a href="#" class="figure">
										<img :src="list8.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list8.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list8.text"><span>{{list8.spanTxt}}</span>{{list8.text}}
										</a>
									</p>
									<p class="price">{{list8.priceTxt}}</p>
									<p class="rank">{{list8.rankTxt}}</p>
									<div :class="list8.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list8.reviewSpan}}</span>
							                <span class="author">{{list8.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list8.redTxr}}</span>
								</li>
							</ul>
							<ul class="list-content list-box goods-list">
								<li v-for="list9 in listContent9" :title="list9.title">
									<a href="#" class="figure">
										<img :src="list9.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list9.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list9.text"><span>{{list9.spanTxt}}</span>{{list9.text}}
										</a>
									</p>
									<p class="price">{{list9.priceTxt}}</p>
									<p class="rank">{{list9.rankTxt}}</p>
									<div :class="list9.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list9.reviewSpan}}</span>
							                <span class="author">{{list9.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list9.redTxr}}</span>
								</li>
							</ul>
							<ul class="list-content list-box goods-list">
								<li v-for="list10 in listContent10" :title="list10.title">
									<a href="#" class="figure">
										<img :src="list10.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list10.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list10.text"><span>{{list10.spanTxt}}</span>{{list10.text}}
										</a>
									</p>
									<p class="price">{{list10.priceTxt}}</p>
									<p class="rank">{{list10.rankTxt}}</p>
									<div :class="list10.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list10.reviewSpan}}</span>
							                <span class="author">{{list10.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list10.redTxr}}</span>
								</li>
							</ul>
							<ul class="list-content list-box goods-list">
								<li v-for="list11 in listContent11" :title="list11.title">
									<a href="#" class="figure">
										<img :src="list11.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list11.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list11.text"><span>{{list11.spanTxt}}</span>{{list11.text}}
										</a>
									</p>
									<p class="price">{{list11.priceTxt}}</p>
									<p class="rank">{{list11.rankTxt}}</p>
									<div :class="list11.reviewarClass">
										<a href="javascript:void(0)">
							                <span class="review">{{list11.reviewSpan}}</span>
							                <span class="author">{{list11.authorSpan}}</span>
							            </a>
									</div>
									<span class="text_center_red">{{list11.redTxr}}</span>
								</li>
							</ul>





						</div>
					</div>


					<div class="box-hd on-none">
						<h2 class="title">战斗装备</h2>
						<div class="page-right">
							<ul class="tab-list tab-list3">
								<li class="tab-active"><span>热门</span></li>
								<li><span>RTX2070</span></li>
								<li><span>GTX16系</span></li>
								<li><span>电竞显示器</span></li>
							</ul>
							<a href="#" class="more-link">查看全部
								<i class="icon iconfont">&#xe601;</i>
							</a>
						</div>
					</div>

					<div class="box-bd on-none">
						<div class="bd-img">
							<ul class="list-img list-box">
								<li class="img-2">
									<a href="#">
										<img src="images/F117-2.jpg" alt="">
									</a>
								</li>
							</ul>
						</div>
						<div class="bd-list list-3">

							<ul class="list-content list-box goods-list list-active">
								<li v-for="list12 in listContent12" :title="list12.title">
									<a href="#" class="figure">
										<img :src="list12.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list12.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list12.text"><span>{{list12.spanTxt}}</span>{{list12.text}}
										</a>
									</p>
									<p class="price">{{list12.priceTxt}}</p>
									<p class="rank">{{list12.rankTxt}}</p>
								</li>
							</ul>

							<ul class="list-content list-box goods-list">
								<li v-for="list13 in listContent13" :title="list13.title">
									<a href="#" class="figure">
										<img :src="list13.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list13.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list13.text"><span>{{list13.spanTxt}}</span>{{list13.text}}
										</a>
									</p>
									<p class="price">{{list13.priceTxt}}</p>
									<p class="rank">{{list13.rankTxt}}</p>
								</li>
							</ul>

							<ul class="list-content list-box goods-list">
								<li v-for="list14 in listContent14" :title="list14.title">
									<a href="#" class="figure">
										<img :src="list14.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list14.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list14.text"><span>{{list14.spanTxt}}</span>{{list14.text}}
										</a>
									</p>
									<p class="price">{{list14.priceTxt}}</p>
									<p class="rank">{{list14.rankTxt}}</p>
								</li>
							</ul>

							<ul class="list-content list-box goods-list">
								<li v-for="list15 in listContent15" :title="list15.title">
									<a href="#" class="figure">
										<img :src="list15.img" alt="">
									</a>
									<h3 class="title">
										<a href="#">{{list15.title}}</a>
									</h3>
									<p class="desc">
										<a href="#" :title="list15.text"><span>{{list15.spanTxt}}</span>{{list15.text}}
										</a>
									</p>
									<p class="price">{{list15.priceTxt}}</p>
									<p class="rank">{{list15.rankTxt}}</p>
								</li>
							</ul>
							



						</div>
					</div>

				
					<div class="box-hd on-none">
						<h2 class="title">热评产品</h2>
					</div>
					<div class="box-bd on-none">
						<ul class="bg-hot">
							<li class="review-item">
								<a href="#" class="figure"><img src="images/hot1.jpg" alt=""></a>
								<p class="review"><a href="#">心血来潮和小伙伴一起买了两台 上次买还是M510A机械师首发...</a></p>
								<p class="author">来自于 18636786838 的评价</p>
								<div class="info">
					            	<h3 class="title"><a href="product/252.html">机械师F117-V 旗舰版</a></h3>
					                <span class="sep">|</span>
					                <p class="price" style="color:#ff0036;">9699</p>
					            </div>
							</li>
							<li class="review-item">
								<a href="#" class="figure"><img src="images/hot2.jpg" alt=""></a>
								<p class="review"><a href="#">外观漂亮，运行速度快，吃鸡妥妥的~</a></p>
								<p class="author">来自于 lcy16953 的评价</p>
								<div class="info">
					            	<h3 class="title"><a href="product/252.html">机械师F117-V 标准版</a></h3>
					                <span class="sep">|</span>
					                <p class="price" style="color:#ff0036;">7499</p>
					            </div>
							</li>
							<li class="review-item">
								<a href="#" class="figure"><img src="images/hot3.jpg" alt=""></a>
								<p class="review"><a href="#">very nice~~~</a></p>
								<p class="author">来自于 lcy16953 的评价</p>
								<div class="info">
					            	<h3 class="title"><a href="product/252.html">机械师T90 Plus 游戏笔记本</a></h3>
					                <span class="sep">|</span>
					                <p class="price" style="color:#ff0036;">7899</p>
					            </div>
							</li>
							<li class="review-item">
								<a href="#" class="figure"><img src="images/hot4.jpg" alt=""></a>
								<p class="review"><a href="#">十分好用啊~</a></p>
								<p class="author">来自于 18636786838 的评价</p>
								<div class="info">
					            	<h3 class="title"><a href="product/252.html">机械师F117-FP 17.3"游戏本</a></h3>
					                <span class="sep">|</span>
					                <p class="price" style="color:#ff0036;">12499</p>
					            </div>
							</li>
						</ul>
					</div>

					<div class="star-box star-two on-none">
						<div class="box-hd">
							<h2 class="title">工会活动</h2>
							<div class="more">
								<a href="javascript:void(0)" class="swiper-button-prev left icon iconfont">&#xe601;</a>
								<a href="javascript:void(0)" class="swiper-button-next right icon iconfont">&#xe601;</a>
							</div>
						</div>

						<div class="swiper-container">
						    <div class="swiper-wrapper">
								<div class="swiper-slide">
									<ul class="goods-list">
										<li class="item1">
											<a href="#" class="fig fig-1"></a>
											<h3 class="title">
												<a href="#" title="MINI赛车场上的发布会，机械师笔记本F117-FPlus热血出道">
													MINI赛车场上的发布会，机械师笔记本F117-FPlus热血出道
												</a>
											</h3>
										</li>
										<li class="item2">
											<a href="#" class="fig fig-2"></a>
											<h3 class="title">
												<a href="#" title='盘它！机械师5周年电竞全场景产品发布！'>
													盘它！机械师5周年电竞全场景产品发布！
												</a>
											</h3>
										</li>
										<li class="item3">
											<a href="#" class="fig fig-3"></a>
											<h3 class="title">
												<a href="#" title="机械师新品亮相英特尔8代酷睿处理器全球发布会">
													机械师新品亮相英特尔8代酷睿处理器全球发布会
												</a>
											</h3>
										</li>
										<li class="item4">
											<a href="#" class="fig fig-4"></a>
											<h3 class="title">
												<a href="#" title="机械师新品亮相英特尔8代酷睿处理器全球发布会">
													机械师新品亮相英特尔8代酷睿处理器全球发布会
												</a>
											</h3>
										</li>
										<li class="item5">
											<a href="#" class="fig fig-5"></a>
											<h3 class="title">
												<a href="#" title="能“吃鸡”的机械师，玩起音乐来一点都不含糊！">
													能“吃鸡”的机械师，玩起音乐来一点都不含糊！
												</a>
											</h3>
										</li>
									</ul>
								</div>
								<div class="swiper-slide">
									<ul class="goods-list">
										<li class="item1">
											<a href="#" class="fig fig-6"></a>
											<h3 class="title">
												<a href="#" title="2017 Chinajoy，精彩集锦">
													2017 Chinajoy，精彩集锦
												</a>
											</h3>
										</li>
										<li class="item2">
											<a href="#" class="fig fig-7"></a>
											<h3 class="title">
												<a href="#" title='机械师杯泡泡网电影科技趴圆满收官'>
													机械师杯泡泡网电影科技趴圆满收官
												</a>
											</h3>
										</li>
										<li class="item3">
											<a href="#" class="fig fig-8"></a>
											<h3 class="title">
												<a href="#" title="【街头采访】神回复不断，笑疯了">
													【街头采访】神回复不断，笑疯了
												</a>
											</h3>
										</li>
										<li class="item4">
											<a href="#" class="fig fig-9"></a>
											<h3 class="title">
												<a href="#" title="【活动】机械师笔记本粉丝激情野战趴，图文回顾~！">
													【活动】机械师笔记本粉丝激情野战趴，图文回顾~！
												</a>
											</h3>
										</li>
										<li class="item5">
											<a href="#" class="fig fig-10"></a>
											<h3 class="title">
												<a href="#" title="【招募】机械师笔记本真人CS大战招募ing！骚年，玩心跳吗">
													【招募】机械师笔记本真人CS大战招募ing！骚年，玩心跳吗
												</a>
											</h3>
										</li>
									</ul>
								</div>

								<div class="swiper-slide">
									<ul class="goods-list">
										<li class="item1">
											<a href="#" class="fig fig-11"></a>
											<h3 class="title">
												<a href="#" title="【号外】新品力作机械师F117闪亮登场">
													【号外】新品力作机械师F117闪亮登场
												</a>
											</h3>
										</li>
										<li class="item2">
											<a href="#" class="fig fig-12"></a>
											<h3 class="title">
												<a href="#" title='【活动】玩嗨重庆ACG'>
													【活动】玩嗨重庆ACG
												</a>
											</h3>
										</li>
										<li class="item3">
											<a href="#" class="fig fig-13"></a>
											<h3 class="title">
												<a href="#" title="机械师游戏本召集夜鹰护卫队">
													机械师游戏本召集夜鹰护卫队
												</a>
											</h3>
										</li>
										<li class="item4">
											<a href="#" class="fig fig-14"></a>
											<h3 class="title">
												<a href="#" title="2016.1机械师杭州粉丝会活动">
													2016.1机械师杭州粉丝会活动
												</a>
											</h3>
										</li>
										<li class="item5">
											<a href="#" class="fig fig-15"></a>
											<h3 class="title">
												<a href="#" title="2015.1机械师广州粉丝会活动">
													2015.1机械师广州粉丝会活动
												</a>
											</h3>
										</li>
									</ul>
								</div>



								<div class="swiper-slide">
									<ul class="goods-list">
										<li class="item1">
											<a href="#" class="fig fig-16"></a>
											<h3 class="title">
												<a href="#" title="2015.7机械师暑期夏令营活动">
													2015.7机械师暑期夏令营活动
												</a>
											</h3>
										</li>
										<li class="item2">
											<a href="#" class="fig fig-17"></a>
											<h3 class="title">
												<a href="#" title='2015.7上海ChinaJoy  活动'>
													2015.7上海ChinaJoy  活动
												</a>
											</h3>
										</li>
										<li class="item3">
											<a href="#" class="fig fig-18"></a>
											<h3 class="title">
												<a href="#" title="2015.5机械师西藏骑行活动">
													2015.5机械师西藏骑行活动
												</a>
											</h3>
										</li>
										<li class="item4 hidden">
										</li>
										<li class="item5 hidden">
										</li>
									</ul>
								</div>




						    </div>
						</div>
					</div>

					<ul class="on-block">
						<li>
							<div class="box-hd">
								<h2 class="title">144HZ <span>电竞级</span></h2>
							</div>
							<div class="box-bd phont-bd">
								<a href="#"><img src="images/phone/d1.gif" alt=""></a>
								<a href="#"><img src="images/phone/1538242205950327575.jpg" alt=""></a>
								<a href="#"><img src="images/phone/1538242226759777929.jpg" alt=""></a>
							</div>
						</li>
						<li>
							<div class="box-hd">
								<h2 class="title">RTX20系 <span>超强级</span></h2>
							</div>
							<div class="box-bd phont-bd">
								<a href="#"><img src="images/phone/d2.gif" alt=""></a>
								<a href="#"><img src="images/phone/1538242205950327575.jpg" alt=""></a>
								<a href="#"><img src="images/phone/1538242226759777929.jpg" alt=""></a>
							</div>
						</li>
						<li>
							<div class="box-hd">
								<h2 class="title">GTX16系 <span>畅爽级</span></h2>
							</div>
							<div class="box-bd phont-bd">
								<a href="#"><img src="images/phone/d4.gif" alt=""></a>
								<a href="#"><img src="images/phone/1538242205950327575.jpg" alt=""></a>
								<a href="#"><img src="images/phone/1538242226759777929.jpg" alt=""></a>
							</div>
						</li>
						<li>
							<div class="box-hd">
								<h2 class="title">游戏台式机</h2>
							</div>
							<div class="box-bd phont-bd">
								<a href="#"><img src="images/phone/d5.gif" alt=""></a>
								<a href="#"><img src="images/phone/1538242205950327575.jpg" alt=""></a>
								<a href="#"><img src="images/phone/1538242226759777929.jpg" alt=""></a>
							</div>
						</li>
						<li>
							<div class="box-hd">
								<h2 class="title">智能潮品</h2>
							</div>
							<div class="box-bd phont-bd">
								<a href="#"><img src="images/phone/d6.gif" alt=""></a>
								<a href="#"><img src="images/phone/1538242205950327575.jpg" alt=""></a>
								<a href="#"><img src="images/phone/1538242226759777929.jpg" alt=""></a>
							</div>
						</li>
					</ul>
					<div class="box-hd on-flex">
						<h2 class="title">免费试用</h2>
					</div>
					<div class="box-bd phont-bd on-block">
						<a href="#"><img src="images/phone/b.gif" alt=""></a>
					</div>

					<div class="box-hd on-flex">
						<h2 class="title">工会活动</h2>
					</div>
					<div class="box-bd phont-bd lunbo on-block">
						<div class="swiper-container">
						    <div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="#"><img src="images/phone/dashisai.jpg" alt=""></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="images/phone/fabuhui.jpg" alt=""></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="images/phone/4th.jpg" alt=""></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="images/phone/douyu.jpg" alt=""></a>
								</div>
						    </div>
						  </div>

					</div>

					



					<div class="box-hd">
						<h2 class="title">品牌视频</h2>
						<div class="page-right on-none">
							<a href="#" class="more-link">查看全部
								<i class="icon iconfont"></i>
							</a>
						</div>
					</div>

					<div class="video">
						<div class="box-bd bd-list">
							<ul class="list-content list-box list-active">
								<li>
									<a href="javascript:void(0)" class="fig" title="机械师5周年新品发布会">
										<img src="images/vide1.jpg" alt="">
										<span class="on-none">
											<i class="icon iconfont">&#xe614;</i>
										</span>
									</a>
									<h3 class="title on-none">
										<a href="#">机械师5周年新品发布会</a>
									</h3>
									<p class="desc on-none">机械师5周年电竞全场景产品发布</p>
								</li>
								<li>
									<a href="javascript:void(0)" class="fig" title="机械师急速前行，我们来了！">
										<img src="images/vide2.png" alt="">
										<span class="on-none">
											<i class="icon iconfont">&#xe614;</i>
										</span>
									</a>
									<h3 class="title on-none">
										<a href="#">机械师急速前行，我们来了！</a>
									</h3>
									<p class="desc on-none">机械师急速前行</p>
								</li>
								<li>
									<a href="javascript:void(0)" class="fig" title="8代i7 轻薄全面屏游戏本">
										<img src="images/vide3.jpg" alt="">
										<span class="on-none">
											<i class="icon iconfont">&#xe614;</i>
										</span>
									</a>
									<h3 class="title on-none">
										<a href="#">8代i7 轻薄全面屏游戏本</a>
									</h3>
									<p class="desc on-none">机械师F117-B猎空</p>
								</li>
								<li>
									<a href="javascript:void(0)" class="fig" title="机械师2018春季新品发布会">
										<img src="images/vide4.jpg" alt="">
										<span class="on-none">
											<i class="icon iconfont">&#xe614;</i>
										</span>
									</a>
									<h3 class="title on-none">
										<a href="#">机械师2018春季新品发布会</a>
									</h3>
									<p class="desc on-none">开启游戏本全面屏时代</p>
								</li>
							</ul>
						</div>

						<div class="modavideo-box">
							<div class="modavideo">
								<div class="modal-hd">
									<h3 class="title">机械师5周年新品发布会</h3>
									<span class="close">✖</span>
								</div>
								<div class="modal-bd">
									<video preload="none" src="http://ptmo6n8wp.bkt.clouddn.com/5years18.mp4" controls="controls"></video>
								</div>
							</div>
						</div>

						<div class="modavideo-box">
							<div class="modavideo">
								<div class="modal-hd">
									<h3 class="title">机械师急速前行，我们来了！</h3>
									<span class="close">✖</span>
								</div>
								<div class="modal-bd">
									<video preload="none" src="http://ptmo6n8wp.bkt.clouddn.com/jisu.mp4" controls="controls"></video>
								</div>
							</div>
						</div>

						<div class="modavideo-box">
							<div class="modavideo">
								<div class="modal-hd">
									<h3 class="title">8代i7 轻薄全面屏游戏本</h3>
									<span class="close">✖</span>
								</div>
								<div class="modal-bd">
									<video preload="none" src="http://ptmo6n8wp.bkt.clouddn.com/F117-B.mp4" controls="controls"></video>
								</div>
							</div>
						</div>

						<div class="modavideo-box">
							<div class="modavideo">
								<div class="modal-hd">
									<h3 class="title">机械师2018春季新品发布会</h3>
									<span class="close">✖</span>
								</div>
								<div class="modal-bd">
									<video preload="none" src="http://ptmo6n8wp.bkt.clouddn.com/fabuhui.mp4" controls="controls"></video>
								</div>
							</div>
						</div>
					</div>

					<div class="box-hd on-flex">
						<h2 class="title">我是有底线的</h2>
					</div>
				</div>
			</div>
		</main>
		<footer>

			<div class="footer-service on-none">
				<div class="container">
				<ul>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe606;</i>
							整机进口轻薄有型
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe602;</i>
							全国联保极客服务
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe605;</i>
							三仓直发顺丰包邮
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe607;</i>
							智慧交互玩家定制
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon iconfont">&#xe641;</i>
							130余家售后网点
						</a>
					</li>
				</ul>
				</div>
			</div>


			<div class="footer-inner on-none">
				<div class="container">
					<ul class="links">
						<h4>帮助中心</h4>
						<li><a href="#">配送方式</a></li>
						<li><a href="#">支付中心</a></li>
						<li><a href="#">购物指南</a></li>
					</ul>
					<ul class="links">
						<h4>服务支持</h4>
						<li><a href="#">保修政策</a></li>
						<li><a href="#">服务标准</a></li>
						<li><a href="#">驱动下载</a></li>
					</ul>
					<ul class="links">
						<h4>关于机械师</h4>
						<li><a href="#">品牌介绍</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">加入我们</a></li>
					</ul>
					<ul class="links">
						<h4>品牌资讯</h4>
						<li><a href="#">营业执照</a></li>
						<li><a href="#">新闻中心</a></li>
						<li><a href="#">版权声明</a></li>
					</ul>
					<ul class="links">
						<h4>官方微博</h4>
						<li>
							<a href="#"><img src="images/guanweibo.png" alt=""></a>
						</li>
					</ul>
					<ul class="links">
						<h4>微信公众号</h4>
						<li>
							<a href="#"><img src="images/gongzhonghao.png" alt=""></a>
						</li>
					</ul>
					<ul class="links">
						<h4>机械式抖音</h4>
						<li>
							<a href="#"><img src="images/douying1.png" alt=""></a>
						</li>
					</ul>

					<ul class="share">
						<li class="kongj">
							<a href="#">
								<img src="images/qqkongjian.png" alt="">
							</a>
						</li>
						<li class="tieba">
							<a href="#">
								<img src="images/tieba.png" alt="">
							</a>
						</li>
					</ul>

					<ul class="contact">
						<p>售后客服热线</p>
						<p class="phone">4006 999 999</p>
						<p class="px">7*24小时在线</p>

						<p>产品咨询电话</p>
						<p class="phone">18561835934</p>
						<p class="px">周一至周六 9:00-18:00</p>
					</ul>
				</div>
			</div>






			<div class="footer-bottom">
				<div class="container">
					<div class="fo-logo on-none"></div>
					<div class="fo-txt">
						<p class="sites">
							<a href="#">机械式论坛</a>
							<span class="sep on-none">|</span>
							<a href="#">神游网</a>
							<span class="sep on-none">|</span>
							<a href="#">优易网</a>
							<span class="sep on-none">|</span>
							<a href="#">以旧换新</a>
						</p>
						<p class="copy">© 2014-2019 machenike 机械师 版权所有 鲁ICP备14032650号-1 <span>全国免费咨询电话：4006 999 999</span></p>
					</div>
					<div class="fo-links on-none">
						<a href="#" class="on-none">
							<img src="images/renzheng.jpg" alt="">
						</a>
						<a href="#">
							<img src="images/aqkx_83x30.png" alt="">
						</a>
						<a href="#" class="on-none">
							<img src="images/label_sm_90030.png" alt="">
						</a>
						<a href="#">
							<img src="images/f_icon3.png" alt="">
						</a>
						<a href="#">
							<img src="images/stat.png" alt="">
						</a>
						<a href="#">
							<img src="images/sm_83x30.png" alt="">
						</a>
					</div>
				</div>
			</div>
		</footer>


		<a href="javascript:void(0);" id="toTop"></a>
	</div>
	



	<script src="js/swiper.min.js"></script>
	<script src="js/vue.min.js"></script>
	<script src="js/axios.min.js"></script>
	<script src="js/vue.js"></script>
	<script src="js/currency.js"></script>
	<script src="js/script.js"></script>
</body>
</html>